<script setup lang="ts">
import Rank from "./rank.vue";
import Information from "./information.vue";
import Refund from "./refund.vue";
defineOptions({
  name: "GatherRank"
});
</script>

<template>
  <div class="rank-fa-box">
    <el-row :gutter="10">
      <el-col v-motion :xs="12" :sm="12" :md="8" :lg="8" :xl="8" :offset="0">
        <div><Rank /></div>
      </el-col>
      <el-col v-motion :xs="12" :sm="12" :md="8" :lg="8" :xl="8" :offset="0">
        <div><Rank /></div>
      </el-col>
      <el-col v-motion :xs="12" :sm="12" :md="8" :lg="8" :xl="8" :offset="0">
        <div><Information /></div>
      </el-col>
    </el-row>
  </div>
</template>

<style lang="scss" scoped>
.rank-fa-box {
  margin-top: 20px;
}
</style>
